<html>
  <head>
    <title>
      Hermes - Produtos
    </title>
    <!--Os CSS's usados aqui são para definição do tema e para as config's básicas aplicadas no layout -->
		<link href="stylesheets/themes/drastic-dark/style.css" rel="stylesheet" type="text/css" media="screen">
		<link href="stylesheets/base.css" type="text/css" rel="stylesheet" media="screen">
	</head>
		<body>
		  <div id="container">
		  <!--Aqui inicia o cabeçalho. Não façam nenhuma alteração aqui, plz.-->
		    <div id="header">
		      <h1>
		        <a href="index.html">Hermes</a>
		      </h1>
		      <div id="user-navigation">
		        <ul>
		          <li><a href="login.html">Login</a></li>
		          <li><a class="logout" href="logout.html">Logout</a></li>
		        </ul>
	          <div class="clear"></div>
		      </div>
		      <div id="main-navigation">		      
		        <ul>
		          <li class="active"><a href="lista_produto.html">Produtos</a></li>
		          <li><a href="lista_fornecedor.html">Fornecedores</a></li>
		          <li><a href="lista_solicitacao.html">Solicitacoes de Compra</a></li>
		        </ul>
		        <div class="clear"></div>
		      </div>
		    </div>		    
		    <!--Até aqui é cabeçalho. Por favor não alterem NADA até aqui. -->
		    <div id="wrapper">
		      <div id="main">		      
		        <div class="secondary-navigation">
		          <ul>
  		          <li><a href="lista_produto.html">Produtos</a></li>
		            <li class="active"><a href="novo_produto.html">Criar produto</a></li>
		            <li><a href="relatorio_produto.html">Emitir Relatorio</a></li>
		          </ul>
		          <div class="clear"></div>
		        </div><!--secondary-navigation-->	      
		        <div id="block-forms" class="block">
		          <div class="content">
   		          <h2 class="title">Novo Produto</h2>
   		          <div class="inner">
   		            <form class="form" method="post" action="criar_produto">
     		            <div class="group">     		            
     		              <label class="label">Descricao</label>
     		              <input class="text_field" type="text" id="descricao">
     		            </div>
     		            <div class="group">
     		              <label class="label">Familia</label>
     		              <select><!--ComboBox para itens aninhados-->
     		                <option value="id_da_familia">Produtos Higienicos </option>
     		              </select>     		              
     		            </div>
     		            <div class="group">
     		              <label class="label">Fabricante</label>
     		              <select>
     		                <option value="id_do_fabricante">Não sei...</option>     		                
     		              </select>     		              
     		            </div>
     		            <div class="group">
     		              <label class="label">Unidade</label>
     		              <input class="text_field" type="text" id="unidade">
     		            </div>
     		            <div class="group">
     		              <label class="label">Comentario</label>
     		              <textarea class="text_area" cols="50" rows="10"></textarea>
     		            </div>
     		            <div class="actions-bar">
     		              <div class="actions">
     		                <input class="button" type="submit" value="Salvar">
     		               </div>
     		               <div class="clear"></div>
     		            </div>
     		          </form>
   		          </div><!--inner-->
		          </div><!--content-->
		        </div><!--block-tables-->		        
  		    </div><!--main-->		    
	  	        <div id="sidebar">		      
	              <div class="block">
	                <h3>Produtos</h3>
                  <ul class="navigation">
                    <li><a href="#">Nova Familia</a></li>
       	            <li><a href="#">Relatorio de Produtos</a></li>
                  </ul>
                </div><!--block-->	
   	          </div>
		    </div><!--wrapper-->		    
		  </div><!--container-->
		</body>
</html>
